<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>新闻中心</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet"
	href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/mystyle.css">
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/myscipt.js"></script>
<style type="text/css">
#panel li a {
	color: #474545;
}

#panel li a:hover {
	color: #007bff;
}

#panel li span {
	float: right;
	color: #63666b;
}
</style>
</head>
<body>
	<!-- 头部 -->
	<header th:insert="~{templates/header::#container}"> </header>
	<!-- 文案 -->
	<div style="margin-top: 20px">
		<div id="container" style="height: 300px;">
			<div class="left" style="width: 49%; float: left;">
				<!-- 图文 -->
				<div id="carouselExample2" class="carousel slide border"
					data-ride="carousel"
					style="height: 300px; flex: none; width: whatever; position: relative;">
					<div class="carousel-inner">
						<div class="carousel-item active">
							<img class="d-block" style="max-height: 300px; width: 100%"
								src="/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg"
								alt="学校启动2018“平安成电”安全教育月活动">
						</div>
						<div class="carousel-item">
							<img class="d-block" style="max-height: 300px; width: 100%"
								src="/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg"
								alt="Second slide">
						</div>
						<div class="carousel-item">
							<img class="d-block" style="max-height: 300px; width: 100%"
								src="/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg"
								alt="Third slide">
						</div>
					</div>
					<div
						style="width: 100%; height: 32px; position: absolute; z-indent: 2; left: 0; top: 268px; background-color: rgba(0, 0, 0, 0.5)">
						<span style="color: white; padding-left: 10px; font-size: 16px;">学校启动2018“平安成电”安全教育月活动</span>
						<ol class="carousel-indicators"
							style="width: 38px; left: 70%; top: 15px">
							<li data-target="#carouselExample2" data-slide-to="0"
								class="active"></li>
							<li data-target="#carouselExample2" data-slide-to="1"></li>
							<li data-target="#carouselExample2" data-slide-to="2"></li>
						</ol>
					</div>
				</div>
			</div>
			<div class="right" id="panel"
				style="width: 49%; float: right; height: 300px; background-color: white;">
				<div style="padding-top: 5px">
					<h5 style="border-left: 4px solid #005bac; padding-left: 10px">综合新闻</h5>
				</div>
				<ul
					style="list-style: none; padding-left: 10px; padding-right: 10px">
					<li><i class="fa fa-caret-right"></i><a href="/">担负新使命
							聚焦新任务 把握新要求</a><span>2018-03-06</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">电子科大师生员工热切关注全国两会胜利召开</a>
						<span>2018-03-05</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">共同推进国际化战略
							全力促进“双一流”建设</a> <span>2018-03-05</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">学科为引领
							建设一流学院</a> <span>2018-03-03</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">贯彻落实学校战略部署
							努力建设世界一流大学</a> <span>2018-03-01</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">砥砺前行
							奋力实现医学院跨越式发展</a> <span>2018-03-01</span></li>
				</ul>
			</div>
		</div>
	</div>
	<div style="margin-top: 20px;height:300px">
		<div id="container">
			<div class="left" id="panel"
				style="float: left; width: 306px; height: 300px; background-color: white;">
				<div style="padding-top: 5px">
					<h5 style="border-left: 4px solid #005bac; padding-left: 10px">合作交流</h5>
				</div>
				<ul
					style="list-style: none; padding-left: 10px; padding-right: 10px">
					<li><i class="fa fa-caret-right"></i><a href="/">担负新使命
							聚焦新任务 把握新要求</a><span>2018-03-06</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">电子科大师生员工热切关注全国两会胜利召开</a>
						<span>2018-03-05</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">共同推进国际化战略
							全力促进“双一流”建设</a> <span>2018-03-05</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">学科为引领
							建设一流学院</a> <span>2018-03-03</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">贯彻落实学校战略部署
							努力建设世界一流大学</a> <span>2018-03-01</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">砥砺前行
							奋力实现医学院跨越式发展</a> <span>2018-03-01</span></li>
				</ul>
			</div>
			<div class="middle" id="panel"
				style="float: left; width: 306px; height: 300px; background-color: white;margin-left: 20px">
				<div style="padding-top: 5px">
					<h5 style="border-left: 4px solid #005bac; padding-left: 10px">媒体关注</h5>
				</div>
				<ul
					style="list-style: none; padding-left: 10px; padding-right: 10px">
					<li><i class="fa fa-caret-right"></i><a href="/">担负新使命
							聚焦新任务 把握新要求</a><span>2018-03-06</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">电子科大师生员工热切关注全国两会胜利召开</a>
						<span>2018-03-05</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">共同推进国际化战略
							全力促进“双一流”建设</a> <span>2018-03-05</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">学科为引领
							建设一流学院</a> <span>2018-03-03</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">贯彻落实学校战略部署
							努力建设世界一流大学</a> <span>2018-03-01</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">砥砺前行
							奋力实现医学院跨越式发展</a> <span>2018-03-01</span></li>
				</ul>
			</div>
			<div class="right" id="panel"
				style="float: right; width: 306px; height: 300px; background-color: white;">
				<div style="padding-top: 5px">
					<h5 style="border-left: 4px solid #005bac; padding-left: 10px">通知公告</h5>
				</div>
				<ul
					style="list-style: none; padding-left: 10px; padding-right: 10px">
					<li><i class="fa fa-caret-right"></i><a href="/">担负新使命
							聚焦新任务 把握新要求</a><span>2018-03-06</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">电子科大师生员工热切关注全国两会胜利召开</a>
						<span>2018-03-05</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">共同推进国际化战略
							全力促进“双一流”建设</a> <span>2018-03-05</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">学科为引领
							建设一流学院</a> <span>2018-03-03</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">贯彻落实学校战略部署
							努力建设世界一流大学</a> <span>2018-03-01</span></li>
					<li><i class="fa fa-caret-right"></i><a href="/">砥砺前行
							奋力实现医学院跨越式发展</a> <span>2018-03-01</span></li>
				</ul>
			</div>
		</div>
	</div>

	<!-- 底部 -->
	<footer
		style="height: 115px; width: 100%; background-color: #DEDEDE; margin-top: 20px"
		th:insert="~{templates/footer::#container}"> </footer>
</body>
</html>